<template>
	<view class="bg-white p-10 flex justify-between align-center pt-20 pb-20">
		<view class="flex justify-center align-center">
			<view class="simulate mr-10">

			</view>
			<view class="ml-5">
				{{bannerWord}}
			</view>
		</view>

		<view class="typeface" @click="rightTextClick">
			{{rightText}}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			bannerWord: {
				type: String,
				default: ''
			},
			rightText: {
				type: String,
				default: '全部'
			}
		},
		mounted() {

		},
		methods: {
			rightTextClick() {
				this.$emit('rightTextEvent', '');
			}
		}
	}
</script>

<style scoped>
	.simulate {
		width: 2px;
		height: 15px;
		background-color: #ef9f39;
	}

	.typeface {
		font-size: 22rpx;
	}
</style>